<template>
  <div class="publish">
    <publish-sidebar class="sidebar"></publish-sidebar>
    <div class="main">
      <publish-header></publish-header>
      <publish-main></publish-main>
      <publish-footer></publish-footer>
    </div>
  </div>
</template>

<script>
import PublishHeader from '../components/Header'
import PublishSidebar from '../components/Sidebar'
import PublishMain from './components/Main'
import PublishFooter from '../components/Footer'
export default {
  name: 'Publish',
  components: {
    PublishHeader,
    PublishSidebar,
    PublishMain,
    PublishFooter
  }
}
</script>

<style lang="less" scoped>
  .publish {
    display: flex;
    .main {
      position: relative;
      overflow: auto;
      flex-grow: 1;
      height: 1140px;
    }
    .sidebar {
      position: relative;
      height: 1140px;
    }
  }
</style>
